<template>
  <div>
    <el-tree :data="treeData" :props="{label:'name'}" default-expand-all="" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          name: '总裁办'
        },
        {
          name: '行政部'
        },
        {
          name: '人事部'
        },
        {
          name: '财务部',
          children: [
            {
              name: '财务核算部'
            },
            {
              name: '税务管理部'
            },
            {
              name: '薪资管理部'
            }
          ]
        },
        {
          name: '技术部',
          children: [
            {
              name: 'Java研发部'

            },
            {
              name: 'Python研发部'
            },
            {
              name: 'Php研发部'
            }
          ]
        },
        {
          name: '运营部'
        },
        {
          name: '市场部',
          children: [
            {
              name: '北京事业部'
            },
            {
              name: '上海事业部'
            }
          ]
        }
      ]
    }
  }
}
</script>

<style>

</style>
